<template>
  <van-swipe :autoplay="3000" indicator-color="white">
    <van-swipe-item v-for="(image, index) in carouselImages" :key="index">
      <img :src="image" alt="carousel image" style="width: 100%; height: 100%; object-fit: cover;">
    </van-swipe-item>
  </van-swipe>
</template>

<script>
export default {
  data() {
    return {
      carouselImages: [
        '/img/lunbo1.png', // 替换为实际的图片文件名
        '/img/lunbo2.png',
        '/img/lunbo3.png'
      ]
    };
  }
};
</script>

<style scoped>
.van-swipe {
  height: 210px; /* 设置轮播图的高度 */
}
</style>